* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    z-index: -1;
}

/* 设置轮播组件占满整个屏幕 */
.image-slider {
    width: 100vw;
    height: 100vh;

}

/* 设置每个幻灯片占满父容器 */
.image-slider .slide {
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all ease 2s;
    overflow: hidden;
}

/* 设置图片样式 */
.image-slider .image {
    /* 设置图片大小 */
    width: 100%;
    height: 100%;
    /* 图片自适应，保持比例占满屏幕 */
    object-fit: scale-down;
    /* 绝对布局，z-index */
    position: absolute;
}

/* 隐藏其他幻灯片 */
.image-slider .slide {
    opacity: 0;
}

/* 设置当前正在播放的幻灯片的透明度为1 */
.image-slider .slide.current {
    opacity: 0.8;
}